<span class="setting" ng-class="{ 'setting-active': $ctrl.state.isOpen }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.state.isOpen">
  <span uib-dropdown-toggle><i class="fa fa-columns space-right" aria-hidden="true"></i>Columns</span>
  <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
    <div class="tableMenu">
      <div class="menuHeader"> Show / Hide Columns </div>
      <div class="menuContent">
        <div class="md-checkbox" ng-repeat="(key, value) in $ctrl.columns">
          <input id="col_vis_{{::key}}" ng-change="$ctrl.onChange($ctrl.columns)" type="checkbox" ng-model="value.display" />
          <label for="col_vis_{{::key}}">{{ value.label }}</label>
        </div>
      </div>
      <div>
        <a type="button" class="btn btn-default btn-sm" ng-click="$ctrl.state.isOpen = false;">Close</a>
      </div>
    </div>
  </div>
</span>
